<template>
    <div>
        <base-detail></base-detail>
        <flow-detail></flow-detail>
        <problem-detail></problem-detail>
        <div v-show="scrollTop > 400" @click="backTopTrigger">
            <BackTop :bottom="30" :right="60"></BackTop>
        </div>
    </div>
</template>

<script>
import {} from '@/api/setting/base-info'
import BaseDetail from './components/base-detail/index'
import FlowDetail from './components/flow-detail/index'
import ProblemDetail from './problem-detail/index'
export default {
  components: { ProblemDetail, FlowDetail, BaseDetail },
  data () {
    return {
      scrollTop: 0
    }
  },
  methods: {
    // 手动返回顶部
    backTopTrigger () {
      document.querySelector('.ivu-layout-content').scrollTo(0, 0)
    }
  },
  mounted () {
    document.querySelector('.ivu-layout-content').onscroll = () => {
      let _this = this
      _this.scrollTop = document.querySelector('.ivu-layout-content').scrollTop
    }
  },
  watch: {}
}
</script>

<style scoped lang="less">
    .container {
        margin-bottom: 100px;
    }
    /deep/ .ivu-back-top {
        display: block;
    }
</style>
